

div {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

#mat_layout_content {
	position: absolute;
	top: 0px;
	height: 1080px;
	width: 1px;
	z-index: 999900;
}

.mat_header {
	pointer-events: none;
	position: absolute;
	width: 1920px;
	height: 70px;
	fill: white;
	-webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.3);
	box-shadow:0px 3px 5px rgba(0,0,0,0.3);
	z-index: 99995;
}

.blau .mat_header {
	background-color: #004471;
}

.tarn .mat_header {
	background-image: url("images/tarnpolygon.jpg");
}

.tarn.Marine .mat_header {
	background-image: url("images/tarnpolygon_marine.jpg");
}

.mat_header .mat_titles {
	position:absolute;
	top: 0px;
	left: 260px;
	width:1565px;
	height: 100%;
}

.mat_header.duh .mat_titles {
	left: 30px;
	width:1795px;
}

.mat_header.duh .mat-btn {
	display: none;
}


#mat_logo {
	position: relative;
	left: 1835px;
	top:0px;
	width:85px;
	height:70px;
	cursor:default;
}

#mat_logo path.f2 {
	pointer-events: all;
}

#mat_logo .f1, 
.tarn #mat_logo .f2 {
	fill: #FFFFFF;
}

.blau #mat_logo .f2 {
	fill: #AEBBC4;
}

#mat_version_info {
    position: absolute;
    right: 10px;
    top: 75px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: darkorange;
    border: 2px solid white;
    border-radius: 5px;
    box-shadow: 0px 0px 8px black;
    font-family: Bahnschrift, sans-serif;
    font-weight: bold;
	opacity: 0;
	transition: all 250ms linear;
	pointer-events: none;
}

#mat_logo:hover #mat_version_info {
	opacity: 1;
}

.mat_footer {
	pointer-events: none;
	position: absolute;
	top: 1015px;
	z-index:99995;
}

.tarn .mat_footer {
	width: 1920px;
	background-image: url("images/tarnpolygon.jpg");
	background-position: left bottom;
}

.tarn.Marine .mat_footer {
	width: 1920px;
	background-image: url("images/tarnpolygon_marine.jpg");
	background-position: left bottom;
}

.tarn .mat_footer::before {
	position: inherit;
	content: '';
	top: 0px;
	width: 1920px;
	height: 10px;
	background: #004471;
	z-index: -1;
}

.tarn.Heer      .mat_footer::before { background: rgb( 51,  72,  17); }
.tarn.Luftwaffe .mat_footer::before { background: rgb( 47, 132, 176); }
.tarn.Marine    .mat_footer::before { background: rgb( 24,  55,  87); }
.tarn.SKB       .mat_footer::before { background: rgb(219, 119,   0); }
.tarn.San       .mat_footer::before { background: rgb(194,  20,  17); }
.tarn.Cyber     .mat_footer::before { background: rgb( 83, 125, 108); }
.tarn.OrgBer    .mat_footer::before { background: rgb( 72,  92, 106); }

.tarn .mat_footer::after {
	position: inherit;
	content: '';
	top: 10px;
	width: 1920px;
	height: 55px;
	background: rgba(0,0,0,0.36);
	z-index: -1;
}


#mat_pagecounter {
	/*position: relative;*/
	width: 100px;
	height: 65px;
}

#mat_pageinfo {
	position: absolute;
	top: 0px;
	left: 1250px;
	width: 650px;
	height: 65px;
	/*color: #F29100;*/
}

#mat_pagecounter table,
#mat_pageinfo table {
	width: 100%;
	height: 100%;
}

#mat_pageinfo svg {
	position: absolute;
	top: 10px;
	width: 50px;
	height: 50px;
	display: none;
}

#mat_pageinfo svg.show {
	display: block;
}

/*#mat_header td h1*/
header h1 { 
	font: normal 28px Arial, Verdana;
	color: white;
	margin: 0px;
	min-height: 32px;
}

header h2 {
	font: normal 24px Arial, Verdana;
	color: white;
	margin: 0px;
	min-height: 27px;
}

.mat_footer h3 {
	font: normal 18px Arial, Verdana;
	margin: 0px;
	text-align: right;
	padding-top: 6px;
}

#mat_btn_previous h3,
#mat_btn_next h3 {
	font-size: 28px;
	padding-top: 3px;
}

#mat_btn_previous h3 {
	text-align: left;
	padding-left: 27px;
}

#mat_btn_next h3 {
	text-align: right;
	padding-right: 27px;
}

.mat-btn {
	pointer-events: auto;
	position: absolute;
	top: 5px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}

.mat-btn.disable .mat-btn {
	cursor: default;
}

.mat-btn.nav {
	width: 190px;
}

#mat_header .mat-btn,
#mat_menu_bg .mat-btn,
#mat_menu_help .mat-btn {
	fill: #FFFFFF;
}

.mat_footer {
	fill: #000000;
	color: #000000;
}

.mat_footer.white,
.tarn .mat_footer {
	fill: #ffffff;
	color: #ffffff;
}
/*
.mat_footer .ready {
	fill: #607C00;
	color: #607C00;
}
*/
.mat_header .mat-btn:hover,
.mat_footer .mat-btn:hover {
	fill: #647B8A;
	color: #647B8A;
}
/*
.mat_footer .mat-btn.disable,
.mat_footer .mat-btn.disable .mat-btn,
.mat_footer .mat-btn.disable2,
.mat_footer .mat-btn.disable2 .mat-btn {
	cursor: default;
	color: rgba(0,0,0,0.3);
	fill: rgba(0,0,0,0.3);
}

.tarn .mat_footer .mat-btn.disable,
.tarn .mat_footer .mat-btn.disable .mat-btn,
.tarn .mat_footer .mat-btn.disable2,
.tarn .mat_footer .mat-btn.disable2 .mat-btn,
.mat_footer.white .mat-btn.disable,
.mat_footer.white .mat-btn.disable .mat-btn,
.mat_footer.white .mat-btn.disable2,
.mat_footer.white .mat-btn.disable2 .mat-btn,
.mat_header .mat-btn.disable,
.mat_header .mat-btn.disable .mat-btn {
	cursor: default;
	color: rgba(255,255,255,0.3);
	fill: rgba(255,255,255,0.3);
}
*/
/*************************************************************************************
/*
/* 
/************************************************************************************/

#mat_menu_help {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1920px;
	height: 1080px;
	/*background-image: url("images/helpscreen.png");*/
	z-index:99999;
}

.blau #mat_menu_help {
	/*background-image: url("images/helpscreen_blau.png");*/
	background: rgb(255,255,255);
	background: -webkit-linear-gradient(top, #004471 70px, #FFFFFF 70px);
	background: -o-linear-gradient(top, #004471 70px, #FFFFFF 70px);
	background: linear-gradient(to bottom, #004471 70px, #FFFFFF 70px);
}

.tarn #mat_menu_help {
	/*background-image: url("images/helpscreen_tarn.jpg");*/
	background-image: url("images/tarnpolygon.jpg");
}

.tarn.Marine #mat_menu_help {
	/*background-image: url("images/helpscreen_tarn_marine.jpg");*/
	background-image: url("images/tarnpolygon_marine.jpg");
}

.mat_menu_help_content .mat_menu_help_info {
	position: absolute;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	color: white;
}

.mat_menu_help_content {
	position: absolute;
	left: 0px;
	top: 70px;
	width: 1920px;
	height: 945px;
	background-color: rgba(40,40,40,0.985);
}

.tarn .mat_menu_help_content {
	background-color: rgba(0,0,0,0.8);
}

.mat_menu_help_content .navwindow {
	left: 100px;
	top: 110px;
	width: 300px;
	height: 720px;
	background-color: #434B4D;
}

.tarn .mat_menu_help_content .navwindow {
	background-image: url("images/tarnpolygon.jpg");
}

.tarn.Marine .mat_menu_help_content .navwindow {
	background-image: url("images/tarnpolygon_marine.jpg");
}

/*.mat_menu_help_info */
.mat_help_hot {
	fill: white;
	pointer-events: auto;
}

.blau .mat_footer .mat_help_hot {
	fill: black;
}

.mat_help_hot:hover {
	background: rgba(255,255,0,0.6);
}



.mat_menu_help_info span {
	position: absolute;
	left: 50px;
	line-height: 48px;
}




.mat_menu_help_content .mainwindow {
	left: 540px;
	top: 110px;
	width: 1280px;
	height: 720px;
	background-color: white;
}
.mat_menu_help_content .mainwindow .mat_header {
	width: 1280px;
	height: 47px;
	display: flex;
    flex-direction: row;
}

.mat_menu_help_content .mainwindow header1 svg {
	width: 30px;
}

.mat_menu_help_content .mainwindow .mat_header h1,
.mat_menu_help_content .mainwindow .mat_header h2,
.mat_menu_help_content .mainwindow .mat_footer h3 {
	font-size: 1em;
	min-height: auto;
}

.mat_menu_help_content .mainwindow .mat_footer {
	position: relative;
	top: 677px;
	width: 1280px;
	height: 43px;
}

.tarn .mat_menu_help_content .mainwindow .mat_footer::before {
	position: absolute;
	content: '';
	top: 0px;
	width: 1280px;
	height: 7px;
	background: #004471;
	z-index: -1;
	display: block;
}

.tarn .mat_menu_help_content .mainwindow .mat_footer::after {
	position: absolute;
	content: '';
	left: 0px;
	top: 7px;
	width: 1280px;
	height: 36px;
	background: rgba(0,0,0,0.36);
	z-index: -1;
}

.mat_menu_help_content .navwindow svg,
.mat_menu_help_content .mat_menu_help_info .mat_header svg {
	height: 47px;
	width: 47px;
	/*fill: white;*/
	/*background: green;*/
}

.mat_menu_help_content .mat_menu_help_info .mat_footer svg {
	position: absolute;
	height: 36px;
	width: 36px;
	/*fill: black;*/
}

.mat_menu_help_content .mat_menu_help_info_text {
	position: absolute;
	background: rgba(255,255,0,0.4);
	left: 35%;
	top: 37%;
	width: 30%;
	height: 26%;
	border: 5px solid black;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 20px black;
	opacity: 0;
	transition: all 250ms linear;
	color: black;
	font-size: 1.1em;
}

.mat_menu_help_content .mat_menu_help_info_text.show {
	opacity: 1;
}


/*
.mat_menu_help_content .mat_menu_help_info ul {
	margin-left: 40px;
	list-style: disc;
}

.mat_menu_help_content .mat_menu_help_info.b1 {
	left: 100px;
	top: 200px;
}

.mat_menu_help_content .mat_menu_help_info.b2 {
	left: 380px;
	top: 370px;
	width: 270px;
}

.mat_menu_help_content .mat_menu_help_info.b3 {
	left: 100px;
	top: 280px;
	height: 40px;
	width: 210px;
}

.mat_menu_help_content .mat_menu_help_info.b4 {
	left: 100px;
	top: 350px;
	width: 210px;
	line-height: 0px;
}

.mat_menu_help_content .mat_menu_help_info.b0 {
	left: 800px;
	top: 200px;
	width: 955px;
	height: 540px;
	background-color: white;
}
*/







#mat_menu_bg {
	box-sizing: border-box;
	position:absolute;
	left: 0px;
	top: 0px;
	width: 1920px;
	height: 1080px;
	background-color: rgba(40,40,40,0.985);
	z-index: 999999;
}

#mat_menu_bg > nav {
	position: absolute;
	width: 340px;
	height: 100%;
	background-color: #434B4D;
}

/*#mat_menu_bg.tarnpolygon > nav::before {*/
.tarn #mat_menu_bg > nav::before {
	position: inherit;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("images/tarnpolygon.jpg");
	z-index: -1;
}

.tarn.Marine #mat_menu_bg > nav::before {
	background-image: url("images/tarnpolygon_marine.jpg");
}

/*#mat_menu_bg.tarnpolygon > nav {*/
.tarn #mat_menu_bg > nav {
	background-color: rgba(0,0,0,0.36);
}

#mat_menu_bg .mat-btn2 {
	box-sizing: border-box;
	position: relative;
	left: 0px;
	width: 340px;
	height: 70px;
	cursor: pointer;
	padding-left: 70px;
	font: normal 26px Arial;
	color: white;
	fill: white;
}

#mat_menu_bg .mat-btn2:hover {
	color: #647B8A;
	fill: #647B8A;
}

#mat_menu_bg .mat-btn2 div {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 50px;
	height: 50px;
}

#mat_menu_bg .mat-btn2.select {
	background: rgba(0,68,113,0.5);
	color: white;
	fill: white;
	cursor: default;
}

#mat_menu_bg .mat-btn2.disable {
	display: none;
	/*cursor: default;
	color: rgba(255,255,255,0.1);
	fill: rgba(255,255,255,0.1);*/
}

#mat_menu_bg div.content {
	position: absolute;
	left: 339px;
	width: 1581px;
	height: 100%;
	font: normal 24px Arial;
	color: white;
}

#mat_menu_bg div.content>header {
	height: 70px;
	background-color: #434B4D;
	visibility: hidden;
	display: none;
}

#mat_menu_bg div.content>header h1 {
	padding: 3px 30px;
	visibility: hidden;
}


#mat_menu_bg div.content section {
	box-sizing: border-box;
	position: relative;
	width: 1580px;
	height: auto; /*1010px;*/
	padding: 30px;
}

#mat_menu_bg div.content section table {
	width: 100%;
}

#mat_menu_bg div.content section table td {
	padding: 10px 0px;
}

#mat_menu_bg div.content section table td:nth-child(1) {
	width: 250px;
}

/**********************************************************************************************
/* Glossar */
/*
/**/

#mat_menu_bg div.content section header {
	position: relative;
	left: 0px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	/*background: none;*/
}

#mat_menu_bg div.content section header nav {
	/*position: relative;
	left: 0px;*/
	width: 100%;
	height: 100%;
	/*background: #434B4D;*/
}

#mat_menu_bg div.content section header nav a {
	position: relative;
	display: inline-block;
	background-color:#434B4D;
	color:white;
	width:54.2px;
	bottom: -12px;
	/*padding-top: 3px;*/
	margin-right:0px;
	text-align: center;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	-webkit-border-radius:8px 8px 0px 0px;
	-moz-border-radius:8px 8px 0px 0px;
	border-radius:8px 8px 0px 0px;
	cursor:pointer;
	text-decoration: none;
}

#mat_menu_bg div.content section header nav a:hover {
	color: #647B8A;
}

#mat_menu_bg div.content section header nav a.select {
	background: rgba(0,68,113,0.5);
	bottom: 0px;
	min-height: 45px;
}

#mat_menu_bg div.content section iframe {
	width: 1513px;
	height: 910px;
}

#mat_menu_bg div.content section iframe body {
	color: white;
	font: normal 28px Arial;
}

/*****************************************************************************************************************************
//  Impessum
//*/

#mat_menu_impressum a,
#mat_menu_impressum a:hover,
#mat_menu_impressum a:visited,
#mat_menu_impressum a:active {
	color: white;
}



/*****************************************************************************************************************************
//  Navigation
//*/

#mat_menu_navigation nav {
	padding: 1px;
	height: 1020px; /*960px;*/
	overflow-y: auto;
}

#mat_menu_navigation ul.ebene1,
#mat_menu_navigation li>ul {
	margin-left: 0px;
	padding: 0px;
}

#mat_menu_navigation li {
	position: relative;
	overflow: hidden;
}

#mat_menu_navigation li.flex,
#mat_menu_navigation li ul {
	margin-left: 25px;
}

#mat_menu_navigation li span {
	display: block;
	margin: 3px;
	padding: 10px;
	padding-left: 20px;
	border: 1px solid white;
	-webkit-border-radius: 3px 10px 3px 10px;
	-moz-border-radius: 3px 10px 3px 10px;
	border-radius: 3px 10px 3px 10px;
	cursor: pointer;
}

#mat_menu_navigation li.flex>span {
	background-color: rgba(0,0,0,0.5);
}

#mat_menu_navigation li.select span {
	background-color: rgba(0,68,113,0.5);
}

#mat_menu_navigation li span:hover {
	background-color: #434B4D;
}

#mat_menu_navigation li.flex>span::before {
	position: relative;
	content: "▼";
	left: -5px;
}

#mat_menu_navigation section li.flex.close>span::before {
	content: "►";
}

#mat_menu_navigation section li.flex.close>ul {
	display: none;
}

#mat_menu_navigation li.finished>span::after {
	position: absolute;
	content: "✔";
	top: 1px;
	right: 1px;
	width: 25px;
	background-color: rgba(0,255,0,0.3);
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 10px;
	margin: 3px;
	-webkit-border-radius: 0px 10px 4px 0px;
	-moz-border-radius: 0px 10px 4px 0px;
	border-radius: 0px 10px 4px 0px;
}


/*****************************************************************************************************************************
//  Meldungsfenster von Captivate 
//
//***************************************************************************************************************************/
/*
#fgPanelDiv {
	position: absolute;
	background: white;
	left: calc(50% - 250px);
	top: calc(50% - 110px);
	width: 500px;
	height: 220px;
	border-radius: 10px;
	border: 2px solid #004471;
	overflow: hidden;
}

#fgPanelDiv .dlg_div0 {
	width: 100%;
	height: 100%;
}

#fgPanelDiv .dlg_div1 {
	padding: 10px;
	font: normal 22px Arial;
	text-align: center;
	background: #004471;
	color:white;
}

#fgPanelDiv .dlg_div2 {
	display: none;
}

#fgPanelDiv .dlg_div3 {
	padding: 15px;
	font: normal 18px Arial;
	text-align: left;
}

#fgPanelDiv .dlg_div4 {
	position: absolute;
	left: 50px;
	bottom: 72px;
	font: normal 18px Arial;
	text-align: left;
}

#cpRTMBFirstBtn,
#cpRTMBSecondBtn {
	width: 100px;
	height: 33px;
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
	border: 1px solid rgb(0, 0, 0);
	border-radius: 5px;
	left: 131.5px;
	top: auto;
	position: absolute;
	cursor: pointer;
	bottom: 10px;
	font: normal 18px Arial;
	line-height: 33px;
}

#cpRTMBSecondBtn {
	left: 246.5px;
	top: auto;
	position: absolute;
}


#cpRTMBFirstBtn div,
#cpRTMBSecondBtn div {
	padding-top: 7px;
}
*/


#mat_alert {
	position: absolute;
	width: 1920px;
	height: 1080px;
	background: rgba(255,255,255,0.3);
	z-index: 999910;
	font: normal 24px Arial;
	/*pointer-events: none;*/
	display: block;
}

#mat_alert * {
	box-sizing: border-box;
}

#mat_alert table {
	width: 100%;
	height:100%;
	vertical-align: center;
	/*pointer-events: none;*/
}

.mat_dlg_body {
	width: 50%;
	margin: auto;
	
	border-radius: 10px;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.5);
}

.blau .mat_dlg_body {
	background-color: #004471;
	border: 2px solid #004471;
}

.tarn .mat_dlg_body {
	background-image: url("images/tarnpolygon.jpg");
	border: 2px solid rgb(50,50,0);
}

.tarn.Marine .mat_dlg_body {
	background-image: url("images/tarnpolygon_marine.jpg");
	border: 2px solid rgb(50,50,0);
}

.mat_dlg_title {
	width: 100%;
	padding: 10px;
	font: bold 26px Arial;
	color: white;
	text-shadow: 2px 2px black;
}


.mat_dlg_content {
	background: white;
	width: 100%;
	min-height: 150px;
	height: auto;
	padding: 20px;
	text-align: justify;
}

.mat_dlg_content svg {
	float: left;
	width: 120px;
	height: 120px;
	/*border: 1px solid black;*/
	margin-right: 50px;
	margin-bottom: 10px;
}

.mat_dlg_footer {
	background: white;
	width: 100%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.mat_dlg_button {
	position: relative;
	left: calc(100% - 150px);
	width: 150px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	pointer-events: auto;
	text-align: center;
	color: white;
    border: 2px solid white;
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.6);
	cursor: pointer;
	background-image: linear-gradient(to top, rgba(255,255,255,0.05) , rgba(255,255,255,0.4));
}

.tarn .mat_dlg_button {
	background-color: rgb(50,50,0);
}

.blau .mat_dlg_button,
.tarn.Marine .mat_dlg_button {
	background-color: #004471;
}

.mat_dlg_button:hover {
	background-image: linear-gradient(to top, rgba(255,255,255,0.15) , rgba(255,255,255,0.6));
}

.mat_dlg_button:active {
	background-image: linear-gradient(to top, rgba(0,0,0,0.15) , rgba(0,0,0,0.6));
}

#mat_deaf_audio_text {
	position: absolute;
	left: 20px;
	bottom: 80px;
	width: 800px;
	min-height: 100px;
	max-height: 100px;
	
	background-color: #FFFFE6;
	border-radius: 10px;
	border: 3px solid #004471;
	-moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.3), inset 0px 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.3), inset 0px 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.3), inset 0px 0px 2px 2px rgba(0,0,0,0.3);
	padding: 10px;
	padding-right: 5px;
	font: normal 22px Arial;
	
	/*overflow-y: auto;*/
}

.tarn #mat_deaf_audio_text {
	border-color: #323200;
}

.tarn.Marine #mat_deaf_audio_text {
	border-color: #004471;
}

#mat_deaf_audio_text div {
	height: 100px;
	overflow-y: auto;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.border-red {
	border: 2px solid red;
}

#mat_pageinfo {
	fill: #CE7C00;
	color: #CE7C00;
}

.tarn #mat_pageinfo .info {
	fill: #F29100;
	color: #F29100;
}

#mat_layout_content .ready,
#mat_pageinfo.ready {
	fill: #607C00;
	color: #607C00;
}

#mat_layout_content.tarn .ready,
.tarn #mat_pageinfo.ready {
	fill: #7AB138;
	color: #7AB138;
}

/*
.mat_footer .mat-btn.disable,
.mat_footer .mat-btn.disable .mat-btn,
.mat_footer .mat-btn.disable2,
.mat_footer .mat-btn.disable2 .mat-btn 
*/

#mat_layout_content .disable,
#mat_layout_content .disable2 {
	cursor: default;
	color: rgba(0,0,0,0.3);
	fill: rgba(0,0,0,0.3);
}

/*.tarn .mat_footer .mat-btn.disable,
.tarn .mat_footer .mat-btn.disable .mat-btn,
.tarn .mat_footer .mat-btn.disable2,
.tarn .mat_footer .mat-btn.disable2 .mat-btn,
.mat_footer.white .mat-btn.disable,
.mat_footer.white .mat-btn.disable .mat-btn,
.mat_footer.white .mat-btn.disable2,
.mat_footer.white .mat-btn.disable2 .mat-btn,
.mat_header .mat-btn.disable,
.mat_header .mat-btn.disable .mat-btn*/

#mat_layout_content .white .disable,
#mat_layout_content .white .disable2,
#mat_layout_content.tarn .disable,
#mat_layout_content.tarn .disable2 {
	cursor: default;
	color: rgba(255,255,255,0.3);
	fill: rgba(255,255,255,0.3);
}

/*
#mat_layout_content .ready {
	fill: #607C00;
	color: #607C00;
}

#mat_layout_content.tarn .ready {
	fill: #7AB138;
	color: #7AB138;
}
*/





